const path = require('path')
const htmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
  entry: path.join(__dirname, './src/main.js'),
  output: {
    path: path.join(__dirname, './dist'),
    filename: 'bundle.js'
  },
  plugins: [
    new htmlWebpackPlugin({
      template: path.join(__dirname, 'src/index.html'),
      filename: 'index.html'
    })
  ],
  module: {
    rules: [
      {test:/\.css$/, use:['style-loader','css-loader']},
      {test:/\.scss$/, use:['style-loader',{ loader: 'css-loader', options: {modules: { localIdentName: '[name]_[local]-[hash:5]'}}},'sass-loader']},
      {test:/\.(png|gif|bmp|jpg|jpeg)$/, use:'url-loader?limit=500&name=image/[hash:8]-[name].[ext]'},
      {test:/\.jsx?$/, use:'babel-loader',exclude:/node-modules/}
    ]
  }
}


